<template>
  <div class="main-footer">
    <div class="logo">
      <img src="@/assets/img/logo.png" />
    </div>
    <div class="info">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>关于我们</span>
          </div>
        </template>
        <div class="item">电话: 185xxxxxxxx</div>
      </el-card>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.main-footer {
  display: flex;

  .logo {
    padding-left: 80px;
    img {
      height: 70px;
    }
  }
  .info {
    .box-card {
      border: 0;
      height: 100px;
      width: 700px;
      padding-left: 100px;
    }
    .card-header {
      font-size: 20px;
      font-weight: 700;
    }
    .el-card.is-always-shadow {
      box-shadow: 0 0px 0px #fff;
    }
    .el-card {
      --el-card-padding: 15px;
    }
  }
}
</style>
